<template>
  <view class="content">
    <view style="width: 750rpx; height: 250rpx">
      <l-signature disableScroll ref="signatureRef" :penColor="penColor" :penSize="penSize" :openSmooth="openSmooth"></l-signature>
    </view>
    <view>
      <button @click="fun('clear')">清空</button>
      <button @click="fun('undo')">撤消</button>
      <button @click="fun('save')">保存</button>
      <button @click="fun('openSmooth')">压感{{ openSmooth ? '开' : '关' }}</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'Hello',
      penColor: 'red',
      penSize: 5,
      url: '',
      openSmooth: true
    }
  },
  methods: {
    fun(type) {
      if (type == 'openSmooth') {
        this.openSmooth = !this.openSmooth
        return
      }
      if (type == 'save') {
        this.$refs.signatureRef.canvasToTempFilePath({
          success: (res) => {
            // 是否为空画板 无签名
            console.log(res.isEmpty)
            // 生成图片的临时路径
            // H5 生成的是base64
            this.url = res.tempFilePath
            console.log(this.url)
          }
        })
        return
      }
      if (this.$refs.signatureRef) this.$refs.signatureRef[type]()
    }
  }
}
</script>

<style></style>
